<template> 
<div class="m-list">
    <template v-if="PageCourseList.length">
    <div class="m-each" v-for="(item,index) in PageCourseList" :key="index">
        <a class="m-e-img-a" :href="item.url" target="_blank">
            <img :src="item.thumb" :alt="item.title">
        </a>
        <a class="m-e-title" :href="item.url" target="_blank">{{ item.title }}</a>
        <div class="m-e-info"><i>¥{{ item.price }}</i><b>{{ item.buys }}人已购买</b></div>
    </div>	
    </template>
    <template v-else>
        <div class="empty">
            暂无数据！！！
        </div>
    </template>
</div>
</template>
<script>
export default {
    props:['PageCourseList'],
    name: 'CategoryList',
    data:function(){
        return {
           
        }
    }
}
</script>
<style>
.empty{
    text-align: center;
    height: 45px;
    line-height: 45px;
}
</style>
